<!--
  页面名称: 月度销量预测
  路由路径: /humanmachine/system/monthSalesVolume/index
  Dify App ID: ct8LduvaOVuFXbql
-->
<script setup lang="ts"></script>

<template>
  <div class="iframe-container">
    <iframe
      src="http://10.81.129.79/chatbot/ct8LduvaOVuFXbql?lang=zh-Hans"
      frameborder="0"
      allow="microphone"
    ></iframe>
    <!-- 遮罩层：遮挡右上角内容（POWERED BY Dify 和预测按钮） -->
    <div class="top-right-mask"></div>
  </div>
</template>

<style scoped>
.iframe-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 120px);
  min-height: 600px;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.top-right-mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  height: 55px;
  background: #f7f9fb; /* 浅灰蓝色，更接近 Dify 页面背景 */
  pointer-events: none;
  z-index: 10;
}
</style>

